<template>
    <div class="uploader-list">
        <slot :file-list="fileList">
            <ul>
                <li :key="file.id" v-for="file in fileList">
                    <uploader-file :file="file" :list="true"></uploader-file>
                </li>
            </ul>
        </slot>
    </div>
</template>

<script>
import {uploaderMixin} from '../common/mixins'
import UploaderFile from './file.vue'

const COMPONENT_NAME = 'uploader-list'

export default {
    name: COMPONENT_NAME,
    mixins: [uploaderMixin],
    computed: {
        fileList() {
            return this.uploader.fileList
        }
    },
    components: {
        UploaderFile
    }
}
</script>

<style>
.uploader-list {
    position: relative;
}

.uploader-list > ul {
    list-style: none;
    margin: 0;
    padding: 0
}
</style>
